<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">             
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">
                <p:panel id="pnlPrincipal" header="#{i18n['form.calculo.plani.panel']} / #{sessionMBean.titulo} #{calculoMBean.dto.id}" style="#{applicationMBean.estiloTitulo}">
                    <p:tabView id="tabPrincipal" style="#{applicationMBean.estiloTitulo}" >
                        <p:tab title="#{i18n['calculo.tab.1']}">
                            <h:panelGrid id="pgFormDto" columns="10" cellpadding="4">                                     
                                <h:outputLabel for="itPeriodo" styleClass="label" value="#{i18n['calculo.plani.periodo']}"/>
                                <p:autoComplete id="itPeriodo" value="#{calculoMBean.dto.periodoDto}" required="true" completeMethod="#{periodoMBean.autoCompletarPeriodosAbiertos}" disabled="#{calculoMBean.dto.id!=null}"
                                                label="#{i18n['calculo.plani.periodo']}" readonly="#{sessionMBean.accion == applicationMBean.ver || !calculoMBean.accesoBtnGuardar}" maxResults="10" minQueryLength="#{applicationMBean.minQueryLengthAutoComplete}" queryDelay="1" 
                                                converter="periodoConvert" var="sn" itemLabel="#{sn.periodoTexto}" itemValue="#{sn}" size="50" forceSelection="true"> 
                                    <p:column style="#{applicationMBean.estiloObligatorio}" > 
                                        #{i18n['calculo.plani.periodo']} #{sn.anio} || #{sn.mesTexto}
                                    </p:column> 
                                </p:autoComplete>

                                <h:outputLabel for="itBoleta" styleClass="label" value="#{i18n['calculo.plani.num.boleta']}"/>                    
                                <p:inputText id="itBoleta" label="#{i18n['calculo.plani.num.boleta']}" 
                                             value="#{calculoMBean.dto.numBoleta}"  readonly="#{sessionMBean.accion == applicationMBean.ver}"
                                             required="true" size="60" maxlength="100" styleClass="txtCampoObligatorio">
                                    <f:validateLength maximum="100" minimum="1" />
                                </p:inputText>

                                <h:outputLabel for="itFolio" value="#{i18n['calculo.plani.folio']}" styleClass="label"/>
                                <p:inputText id="itFolio" label="#{i18n['calculo.plani.folio']}" 
                                             value="#{calculoMBean.dto.folioPlanilla}"  readonly="#{sessionMBean.accion == applicationMBean.ver}"
                                             required="true" size="60" maxlength="100" styleClass="txtCampoObligatorio">
                                    <f:validateLength maximum="100" minimum="1" />
                                </p:inputText>

                                <br/>
                            </h:panelGrid>

                            <h:outputLabel value="#{i18n['general.label.campos.auditoria']}" styleClass="subTitulo" rendered="#{calculoMBean.dto.id!=null}"/>
                            <p:separator rendered="#{calculoMBean.dto.id!=null}"/>
                            <h:panelGrid id="pgCamposAuditoria" columns="6" cellspacing="10" rendered="#{calculoMBean.dto.id!=null}">
                                <h:outputLabel styleClass="label" value="#{i18n['general.label.usuario.creacion']}"/>
                                <h:outputLabel styleClass="txtCampo" value="#{calculoMBean.dto.usuarioCreacionDto.descripcion}"/>
                                <h:outputLabel styleClass="label" value="#{i18n['general.label.fecha.creacion']}"/>
                                <h:outputLabel styleClass="txtCampo" value="#{calculoMBean.dto.fechaCreacion}">
                                    <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                                </h:outputLabel>                            
                                <h:outputLabel styleClass="label" value="#{i18n['general.label.terminal.creacion']}"/>
                                <h:outputLabel styleClass="txtCampo" value="#{calculoMBean.dto.terminalCreacion}"/>
                                <h:outputLabel styleClass="label" value="#{i18n['general.label.usuario.modificacion']}"/>
                                <h:outputLabel styleClass="txtCampo" value="#{calculoMBean.dto.usuarioDto.descripcion}"/>
                                <h:outputLabel styleClass="label" value="#{i18n['general.label.fecha.modificacion']}"/>
                                <h:outputLabel styleClass="txtCampo" value="#{calculoMBean.dto.fecha}">
                                    <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                                </h:outputLabel>                            
                                <h:outputLabel styleClass="label" value="#{i18n['general.label.terminal.modificacion']}"/>
                                <h:outputLabel styleClass="txtCampo" value="#{calculoMBean.dto.terminal}"/>
                            </h:panelGrid>
                        </p:tab>
                        <p:tab title="#{i18n['calculo.tab.2']}" rendered="#{calculoMBean.dto.id != null}">
                            <div class="info_busqueda">
                                <h:panelGrid id="pngTabla" columns="1" styleClass="tabla_dinam">

                                    <p:dataTable id="tblPrincipalDeta" value="#{calculoMBean.listaEmpleados}" var="dtoDetaT" widgetVar="widTable" 
                                                 emptyMessage="#{i18n['periodo.no.detalles']}" styleClass="estiloPanel"   >                        
                                        <p:column style="text-align:center; width: 30px;">
                                            <h:panelGrid id="pgBotonesGrillaDeta" columns="10" cellspacing="5" styleClass="estiloPanelGrid">
                                                <p:commandButton icon="ui-icon  ui-icon-search" title="#{i18n['periodo.boton.ver.conceptos']}" 
                                                                 ajax="true" immediate="true"
                                                                 oncomplete="carDialogDetalle.show()"
                                                                 update=":frmListaConcep:pgFormListaConcep"
                                                                 action="#{calculoMBean.verConceptos}"
                                                                 rendered="#{sessionMBean.privilegiosOpciones['1178']=='true'}">
                                                    <f:setPropertyActionListener value="#{dtoDetaT.empleadoDto}" target="#{calculoMBean.dtoDeta}" /> 
                                                </p:commandButton>
                                                <p:commandButton icon="ui-icon ui-icon-print" title="#{i18n['calculo.boton.imprimir.boleta']}" 
                                                                 action="#{calculoMBean.imprimirDto}" ajax="false" onclick="unCheckSubmit()"
                                                                 rendered="#{sessionMBean.privilegiosOpciones['1179']=='true'}">
                                                    <f:setPropertyActionListener value="#{dtoDetaT}" target="#{calculoMBean.perRemunDto}" />                                                                    
                                                </p:commandButton>
                                            </h:panelGrid>
                                        </p:column>   
                                        <p:column headerText="#{i18n['persona.label.nombrecompleto']}">
                                            <h:outputText value="#{dtoDetaT.empleadoDto.nombreCompleto}" styleClass="txtCampo" />
                                        </p:column>
                                        <p:column headerText="#{i18n['calculo.plani.total.remun']}" styleClass="general" style="text-align: right;">
                                            <h:outputText value="#{dtoDetaT.totalRemuneracion}" styleClass="general">
                                                <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                            </h:outputText>
                                        </p:column>
                                        <p:column headerText="#{i18n['calculo.plani.total.dctos']}" styleClass="general" style="text-align: right;">
                                            <h:outputText value="#{dtoDetaT.totalDctos}" styleClass="general">
                                                <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                            </h:outputText>
                                        </p:column>
                                        <p:column headerText="#{i18n['calculo.plani.total.neto']}" styleClass="general" style="text-align: right;">
                                            <h:outputText value="#{dtoDetaT.neto}" styleClass="general">
                                                <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                            </h:outputText>
                                        </p:column>
                                    </p:dataTable>
                                </h:panelGrid>
                            </div>
                        </p:tab>
                    </p:tabView>
                    <f:facet name="footer">
                        <p:commandButton id="btnGuardar" title="#{calculoMBean.dto.id!=null ? i18n['general.button.recalcular'] : i18n['general.button.guardar']}" widgetVar="btnGuardar" accesskey="#{applicationMBean.keyGuardar}"
                                         ajax="true"
                                         update=":msgs, :frmPrincipal"
                                         icon="ui-icon ui-icon-disk" rendered="#{calculoMBean.accesoBtnGuardar &amp;&amp; sessionMBean.privilegiosOpciones['1180']=='true' &amp;&amp; !calculoMBean.dto.isPeriodoCerrado}"
                                         style="#{applicationMBean.estilosBtnGuardar}"
                                         value="#{calculoMBean.dto.id!=null ? i18n['general.button.recalcular'] : i18n['general.button.guardar']}" 
                                         action="#{calculoMBean.guardar}">                                    
                        </p:commandButton>

                        <p:commandButton title="#{i18n['general.button.atras.tip']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true"
                                         style="#{applicationMBean.estilosBtnRetroceder}"
                                         value="#{i18n['general.button.atras']}" 
                                         action="#{calculoMBean.retroceder}">                                    
                        </p:commandButton>

                        <p:commandButton title="#{i18n['bitacora.ver.historial']}"
                                         icon="ui-icon ui-icon-calculator"
                                         value="#{i18n['bitacora.ver.historial']}"                                                                                                           
                                         ajax="true"
                                         style="#{applicationMBean.estilosBtnHistorial}"
                                         rendered="#{calculoMBean.dto.id!=null &amp;&amp; sessionMBean.privilegiosOpciones['1181']=='true'}"
                                         oncomplete="dlgBitacoraEntidad.show()"                                                       
                                         update=":frmPopupBitacoras:pgFormPopupBitacoras"
                                         actionListener="#{calculoMBean.verBitacora}">                                    
                        </p:commandButton>

                        <p:commandButton title="#{i18n['general.button.nuevo.tip']}" accesskey="#{applicationMBean.keyNuevo}"
                                         icon="ui-icon ui-icon-plus" rendered="#{calculoMBean.dto.id!=null &amp;&amp; sessionMBean.privilegiosOpciones['1175']=='true'}"
                                         value="#{i18n['general.button.nuevo']}" 
                                         style="#{applicationMBean.estilosBtnNuevo}" 
                                         ajax="false"                                        
                                         actionListener="#{calculoMBean.nuevo}">                                    
                        </p:commandButton>
                    </f:facet>
                </p:panel>
                <p:blockUI block="pnlPrincipal" trigger="btnGuardar" />  
            </h:form>
            <p:dialog id="dialogDetalle" header="#{i18n['periodo.popup.conceptos']}" widgetVar="carDialogDetalle" resizable="false"  
                      width="600" height="550" modal="true">  
                <ui:include src="/pages/plan/calculo/popupConceptosPersona.xhtml" /> 
            </p:dialog>
            <p:dialog id="idDlgBitacoraEntidad" header="#{i18n['bitacora.titulo']}" widgetVar="dlgBitacoraEntidad" resizable="false"  
                      width="900" height="450" modal="true">                        
                <ui:include src="/pages/bitacora/bitacoras.xhtml" /> 
            </p:dialog>
        </ui:define>
    </ui:composition>
</html>